#login2 {
    @include flexbox();
    @include flex-direction(column);
    height: 100%;
    background: rgba(255,255,255,1);
    header {
        @include flexbox();
		height: 45px;
        line-height: 45px;
        color: #fff;
        background: linear-gradient(to right, #2fd4ac,  #2fd492);
        i {
            width: 30px;
            background: url(image/icon_return.png) no-repeat center;
            background-size: 100%;
        }
        div {
            @include flex();
            text-align: center;
            margin-right: 30px;
            font-size: 18px;
        }
    }
    .nav {
        @include flexbox();
        height: 49px;
        // line-height:49px;
        background: #fff;
        div {
            @include flex();
            text-align: center;
            a {
                display: inline-block;
                margin: auto;
                padding: 0 3px;
                height: 22px;
                margin-top: 18px;
                font-size: 15px;
                color: rgba(51,51,51,1);
                b {font-weight: normal;}
            }
        }
        div.active {
            a {
                color: rgb(21,142,218);
                border-bottom: 2px solid rgb(21,142,218);
            }

        }
    }
    .border-8 {
        width: 100%;
        height: 8px;
        background: #F6F6F6;
    }
    .swipe {
        @include flex();
        margin-top: 16px;
        width: 100%;
        overflow-y: scroll;
        z-index: 0;
        img {
            width: 20px !important;
            height: 20px !important;
        }
        ul.passLogin {
            @include flex();
            width: 100%;
            overflow-y: scroll;
            li {
                background: #fff;
                &>a {
                    margin: 0 15px;
                    padding: 14px 0;
                    line-height: 21px;
                    border-bottom: 1px solid rgba(223,223,223,1);
                    @include flexbox();
                    &.no-border {
                        border: none;
                        float: right;
                        font-size: 15px;
                        color: rgb(21,142,218);
                    }
                    input {
                        border: none;
                        // padding-left: 5px;
                    }
                    input::-webkit-input-placeholder {
                        color: rgba(156,156,156,1);
                        font-size: 15px;
                    }
                    input:-moz-placeholder {
                        font-size: 15px;
                        color: rgba(156,156,156,1);
                    }
                    img {
                        margin: 2px 16px 0 16px;
                    }
                }
                &:last-child {
                     a {
                        display: block;
                        width: 229px;
                        height:35px;
                        color: #fff;
                        font-size: 17px;
                        padding: 0;
                        text-align: center;
                        margin: 45px auto;
                        border-radius: 20px;
                        line-height: 35px;
                        background: linear-gradient(to bottom, #8cc9b4, #6bb199);
                    }
                }
            }
        }
        ul.codeLogin {
            @include flex();
            width: 100%;
            overflow-y: scroll;
            li {
                background: #fff;
                &>a {
                    margin: 0 15px;
                    padding: 14px 0;
                    line-height: 21px;
                    border-bottom: 1px solid rgba(223,223,223,1);
                    @include flexbox();
                    input {
                        @include flex();
                        border: none;
                        // padding-left: 5px;
                    }
                    input::-webkit-input-placeholder {
                        color: rgba(156,156,156,1);
                        font-size: 15px;
                    }
                    input:-moz-placeholder {
                        font-size: 15px;
                        color: rgba(156,156,156,1);
                    }
                    img {
                        margin: 2px 16px 0 16px;
                    }
                    span {
                        color: #8ec0ae;
                        font-size: 15px;
                        padding-left: 20px;
                        height: 20px;
                        line-height: 20px;
                        border-left: 1px solid rgba(223,223,223,1);
                    }
                }
                &:last-child {
                     a {
                        display: block;
                        width: 229px;
                        height:35px;
                        color: #fff;
                        font-size: 17px;
                        padding: 0;
                        text-align: center;
                        margin: 45px auto;
                        border-radius: 20px;
                        line-height: 35px;
                        background: linear-gradient(to bottom, #8cc9b4, #6bb199);
                    }
                }
            }
        }

    }
}